<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>千峰物流-装车配载</title>
    <!--layui-->
    <link rel="stylesheet" th:href="@{../../static/layui/css/layui.css}" href="../../static/layui/css/layui.css">

    <!--laydate-->
    <link rel="stylesheet" th:href="@{../../static/laydate/theme/default/laydate.css}" >
    <!--layui修改样式-->
    <link rel="stylesheet" th:href="@{../../static/styles/layui-alter.css}" href="../../static/styles/layui-alter.css">


</head>
<body>
<div class="Conframe" >
    <form action="" class="layui-form" >
    <div class="divleft" style="height: 518px; float: left; width: 660px;">
        <table class="tbform inputGroup" style="font-size:14px;">
            <tbody>
            <tr>
                <td class="" style="width: 65px">托运单号</td>
                <td >
                    <input name="TransportOrderID"  style="width: 190px" class="layui-input" id="TransportOrderID" >
                </td>
                <td class="" style="text-align: center;"  >出发站</td>
                <td style="width: 100px;">
                     <select class="" id="StartStation" name="StartStation"  >
                            <!--    <option selected="selected" value="">请选择</option>
                                <option value="长沙站">长沙站</option>
                                <option value="上海站">上海站</option>-->
                            </select>
                </td>
                <td class="" style="width: 80px;text-align: center;">到达分站</td>
                <td style="width: 100px;">
                    <select class="" id="ComeStation" name="ComeStation" >
                        <!--<option selected="selected" value="">请选择</option>
                        <option value="长沙站">长沙站</option>
                        <option value="上海站">上海站</option>-->
                    </select>
                </td>
            </tr>
            <tr>
                <td class="" style="width: 65px">起止日期</td>
                <td >
                    <input type="text" style="width: 190px;margin-top: 5px" class="layui-input" id="startdate" name="startdate"  placeholder=" - ">
                </td>
                <td class=""  style="width: 80px;text-align: center;">运输类型</td>
                <td>
                    <select name="FreightType" id="FreightType"  >
                        <option value="">请选择</option>
                        <option value="普通运输">普通运输</option>
                        <option value="加急卡班">加急卡班</option>
                        <option value="整车运输">整车运输</option>
                        <option value="危险品运输">危险品运输</option>
                        <option value="航空运输">航空运输</option>
                        <option value="铁路运输">铁路运输</option>
                        <option value="冷链运输">冷链运输</option>
                    </select>

                </td>
                <td colspan="2" style="text-align: center" >
                    <input type="button" id="find" style="font-size: 14px" class="layui-btn layui-btn-sm  layui-btn-primary" value="筛选库存"  >
                </td>

            </tr>

            </tbody>
        </table>
        <div class="mmGrid" style="width: 660px; height: 400px;overflow:auto;overflow-y: hidden;">
            <table id="demo" lay-filter="test"></table>
        </div>
        <input type="button" id="btnmove" class="layui-btn layui-btn-normal"  value="添加装车表" style="margin-left:4px;margin-top: 5px;" >
    </div>
    <div class="divright" style="height: 518px; float: left; width: 550px;">
        <table class="tbform" style="font-size:14px;width:600px;height: 81px;">
            <tbody>
            <tr>
                <td class="auto-style2" style="padding-top: 3px;">
                            <span>
                                <input name="txtTransportOrderID"   class="layui-btn  layui-btn-primary" type="text" id="txtTransportOrderID" placeholder="添加运单号" style="width:150px;height:28px;margin-left:10px;">
                                <input type="button" class="layui-btn layui-btn-sm layui-btn-primary"  value="添加装车" style="margin-top:2px;" id="btnrightadd">
                            </span>
                </td>
            </tr>
            <tr>
                <td>
                    <div style="margin-top: 5px;">
                    <input type="button" style="margin-left: 10px;" lay-submit lay-filter="btnrightsave" class="layui-btn layui-btn-sm layui-btn-normal"  value="保存装车"  id="btnrightsave">
                       <!-- <button class="layui-btn layui-btn-sm layui-btn-normal" style="margin-left: 10px;"  lay-submit lay-filter="btnrightsave">保存装车</button>-->
                    <input type="button" class="layui-btn layui-btn-sm layui-btn-primary" value="移除装车"  id="btntoleft">
                    <input type="button" class="layui-btn layui-btn-sm layui-btn-primary" value="清空列表"  id="btnrightclear">
                   <!-- <input type="button" class="layui-btn layui-btn-sm layui-btn-primary" value="运单拆单"  id="btnrighttagging">-->
                    </div>
                </td>
            </tr>
            </tbody>

        </table>

        <div class="mmGrid" style="width: auto;margin-top:2px;height: 400px;overflow:auto;overflow-y: hidden;">
            <table id="demo1" lay-filter="test"></table>
        </div>
        <input type="button" id="reloading" class="layui-btn layui-btn-normal"  style="margin-top:4px;margin-left:10px" value="重新装车">
        <input type="button"  class="layui-btn layui-btn-normal"  style="margin-top:4px;" value="新增运输协议">
    </div>
    <div class="row" style="clear: both;border-top-color: #9a052f;">
        <div class="mmGrid" style="width: auto; height: 400px;border-top-color: #9a052f;overflow:auto;overflow-y: hidden;">

            <table id="demo2" lay-filter="test" style="text-align: center;"></table>
        </div>
    </div>
    </form>
</div>
<script src="../../static/laydate/laydate.js"></script>
<script src="../../static/layui/layui.js"></script>
<script src="../../static/scripts/main.js"></script>
</body>
</html>